<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<script src="js/base.js"></script>
		<style>
			body {
				margin: 0;
				width: 100%;
				height: 100%;
				background-color: #EFFAFF;
			}

			input[type="text"] {
				width: 150px;
				display: block;
				margin-bottom: 10px;
				background-color: whitesmoke;
				font-family: Verdana, Arial;
			}

			#maindiv {
				width:780px;
				height:480px;
				/* margin:0 auto; */
				padding:18px 18px;
				background-color: #F2F2F2;
			}
			#content{
				/* width: 100%;
				height:100%; */
				background-color: #F2F2F2;
				margin-top:10px;
			} 

			input[type="number"] {
				width: 60px;
			}

			table {
				width: 560px;
				heigth: 480px;
				border-collapse: collapse;
				padding: 0;
				/* border:1px solid #000000; */
			}

			table td {
				border-width: 1px;
				padding: 8px;
				/* border-style: solid; */
				border-color: #a9c6c9;
			}
		</style>
		<script>
			function sendFeedBack(){
				var session = window.sessionStorage;
				var question = document.getElementById("fee_question");
				var spec = document.getElementById("specinfo");
				if(question.value==""){
					question.focus();
					messagePop("问题不能为空！")
					return;
				}
				if(spec.value==""){
					spec.focus();
					messagePop("描述不能为空！");
					return;
				}
				if(session.getItem("question")==question.value && session.getItem("spec")==spec.value){
					messagePop("请勿重复发送");
					return;
				}
				session.setItem("question",question.value);
				session.setItem("spec",spec.value);
				var obj = {};
				obj.fee_question = question.value;
				obj.fee_datail = spec.value;
				messagePop("信息发送成功！");
				
			}
			// function buyApplyPrint() {
			// 	var res = "";
			// 	var specinfo = "<pr>申请购买要求：<br><br> 1.设备功能与实验学习相关！<br><br>";
			// 	specinfo += "2.已有设备因故障或其他问题无法继续使用！<br><br>";
			// 	specinfo += "3.过于老旧设备,无法满足学习实验等需求的！<br>";
			// 	var headline = ["用户ID：", "设备名称：", "购买数量：", "预期价格："];
			// 	res += "<table class=\"contab\">";
			// 	var info = "";
			// 	for (var i = 0; i < headline.length; i++) {
			// 		res += "<tr>";
			// 		res += "<td>" + headline[i] + "</td>";
			// 		if (i == 2 || i == 3) {
			// 			res += "<td><input type=\"number\" min=\"1\" id=\"info" + i + "\"></td>";
			// 		} else {
			// 			res += "<td><input type=\"text\" min=\"1\ id=\"info" + i + "\"></td>";
			// 		}
			// 		res += "</tr>";
			// 	}
			// 	res += "<tr><td colspan=\"2\">简要功能：</td></tr>";
			// 	res += "</tr><td colspan=\"2\"><textarea id=\"area\" rows=\"4\" cols=\"80\"></textarea></td></tr>";
			// 	res += "<tr><td colspan=\"2\">" + specinfo + "</td></tr>";
			// 	res +="<tr><td align=\"center\" colspan=\"2\"><input type=\"button\" class=\"btnbase\" value=\"提交\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
			// 	res +="<input type=\"button\" class=\"btnbase\" value=\"取消\"></td></tr>";
			// 	res += "</table>";
			// 	document.getElementById("content").innerHTML = res;
			// }
			// window.onload = function() {
			// 	buyApplyPrint();
			// }
		</script>
	</head>
	<body>
		<div id="maindiv">
			<p style="background-color: #366AB3; font:bold;padding:8px 8px;width:100%;color:white;">你的建议</p>
			<div id="content">
				<table>
					<!-- fee_id int auto_increment,
					user_id varchar(20) not null,
					adm_id varchar(20) not null,
					fee_question varchar(30) default '',
					fee_detail varchar(150) default '',
					adm_message char(10) default '',
					adm_answer varchar(150) default '',
					del TINYINT default 0, -->
					<tr><td>你遇到的问题？</td></tr>
					
					<tr><td>
					<input id="fee_question" list="info" />
					<datalist id="info">
					  <option value="借用设备问题">
					  <option value="设备故障问题">
					  <option value="管理系统问题">
					  <option value="其他">
					</datalist>
					</td></tr>
					<tr><td>关于这个问题的具体描述：</td></tr>
					<tr><td><textarea style="width:100%;" rows="5" id="specinfo"></textarea></td></tr>
					<tr><td><input type="button" class="btnbase" onclick="sendFeedBack()" value="发送"></td></tr>
				</table>
			</div>
		</div>

		</div>
		<!-- pur_id int auto_increment,
pur_userid varchar(20),
adm_jobid varchar(20),
equ_name varchar(20),
pur_applyreason varchar(100),
pur_purchasenumber int,
pur_price float,
pur_applydate date,
adm_message char(10),
adm_dealresult char(10),
adm_answer varchar(100), -->
	</body>
</html>
